<template>
  <!-- 对面包屑组件进行二次封装 -->
  <div class="bread">
    <el-breadcrumb :separator-icon="ArrowRight">
      <el-breadcrumb-item>首页</el-breadcrumb-item>
      <el-breadcrumb-item>
        <slot></slot>
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script setup>
import { ArrowRight } from '@element-plus/icons-vue'
</script>

<style lang="less" scoped>
.bread {
  margin: 15px 0 10px 15px;
  .el-breadcrumb .el-breadcrumb__item {
    font-size: 12px;
  }
}
</style>